<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>蓝景首页</title>
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css">
</head>
<body>
    <div class="web">
        <!-- 首页logo -->
        <div class="logo">
            <img src="../images/logo.png" alt="加载失败">
        </div>
        <!-- 左上角的背景 -->
        <div class="left_g">
            <img src="../images/index/left_index.png" alt="加载失败">
        </div>
        <!-- 头部 -->
        <div class="clearfix">
            <!-- 地球 -->
            <div class="earth fl">
                <img src="../images/index/earth.png" alt="加载失败" class="earth">
                <img src="../images/index/c_index_03.png" alt="加载失败" class="c">
                <img src="../images/index/webgl_index_03.png" alt="加载失败" class="webgl">
                <img src="../images/index/electron.png" alt="加载失败" class="electron">
                <img src="../images/index/js_03.png" alt="加载失败" class="js">
                <img src="../images/index/egret_03.png" alt="加载失败" class="egret">
                <img src="../images/index/what_03.png" alt="加载失败" class="what">
            </div>
            <div class="index_title fl">
                <div class="english">BLUE.J  Used Code the dream</div>
                <img src="../images/index/title_03.png" alt="加载失败">
                <div class="english_detail">Internet knowledge service enterprise</div>
                <div class="detail">互联网知识服务型企业</div>
            </div>   
        </div>
        <div class="entry">
           
            <div class="square">
                <div class="circle clearfix">
                    <b class="fl"></b><b class="fr"></b>
                </div>
                <div class="block">
                    <span>蓝景技术</span>
                    <div><i class="iconfont icon-jiantou"></i></div>
                </div>
                <div class="outline"></div>
            </div>
            <div class="green_circle">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="square">
                <div class="circle clearfix">
                    <b class="fl"></b><b class="fr"></b>
                </div>
                <div class="block">
                    <span>蓝景技术</span>
                    <div><i class="iconfont icon-jiantou"></i></div>
                </div>
                <div class="outline"></div>
            </div>
            <div class="green_circle">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="square">
                <div class="circle clearfix">
                    <b class="fl"></b><b class="fr"></b>
                </div>
                <div class="block">
                    <span>蓝景技术</span>
                    <div><i class="iconfont icon-jiantou"></i></div>
                </div>
                <div class="outline"></div>
            </div>

            
            
        </div>
        <div class="footer">


            <!-- 入口下面的文字 -->
            <div class="entry_detail clearfix">
                <div>
                    <p>INTERNET</p>
                    <p>互联网知识服务型企业</p>
                </div>
                <div class="cen">
                    <p>INTERNET</p>
                    <p>互联网知识服务型企业</p>
                </div>
                <div class="rig">
                    <p>INTERNET</p>
                    <p>互联网知识服务型企业</p>
                </div>
            </div>


            <!-- 环境的标题 -->
            <div class="envirment_title">
                <b></b><span>蓝景提供优秀的办公环境</span>
            </div>

            <!-- 环境照片部分 -->
            <div class="envirment">
                <div class="photo">
                    <img src="../images/index/envirment_03.jpg" alt="加载失败">
                </div>
                <div class="photo_detail">
                    <i class="iconfont icon-diannao-copy"></i><span class="shugang">|</span><span>办公环境</span>
                    <p>蓝景优秀的办公环境</p>
                </div>
            </div>
            <div class="envirment">
                <div class="photo">
                    <img src="../images/index/envirment_03.jpg" alt="加载失败">
                </div>
                <div class="photo_detail">
                    <i class="iconfont icon-leisure"></i><span class="shugang">|</span><span>办公环境</span>
                    <p>蓝景优秀的办公环境</p>
                </div>
            </div>
            <div class="envirment">
                <div class="photo">
                    <img src="../images/index/envirment_03.jpg" alt="加载失败">
                </div>
                <div class="photo_detail">
                    <i class="iconfont icon-meeting"></i><span class="shugang">|</span><span>办公环境</span>
                    <p>蓝景优秀的办公环境</p>
                </div>
            </div>
            <!-- 地图部分 -->
            <div class="map fl">
                <div id="mapContainer"></div>
            </div>
            <div class="mapRight fl">
                <div class="map_detail">
                    <p>
                        <i class="iconfont icon-weizhi"></i>
                        <span>津滨腾跃</span>
                    </p>
                    <div>
                        <span>广州市天河区珠江新城华夏路49号津滨腾跃大厦南塔24楼</span>
                    </div>
                </div>
                <div class="map_detail">
                    <p>
                        <i class="iconfont icon-weizhi"></i>
                        <span>雅居乐中心</span>
                    </p>
                    <div>
                        <span>广州市天河区珠江新城华夏路26号雅居乐中心31楼</span>
                    </div>
                </div>
                <div class="map_detail">
                    <p>
                        <i class="iconfont icon-dianhua"></i>
                        <span>020-22081494-2494</span>
                    </p>
                </div>
                <div class="map_detail">
                    <p>
                        <i class="iconfont icon-qq"></i>
                        <span>2903359018</span>
                    </p>
                </div>
            </div>

        </div>
        

    </div>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script charset="utf-8" src="http://webapi.amap.com/maps?v=1.3&key=b05a7b742e746db08cd90a029e8d1396&plugin=AMap.ToolBar"></script>
    <script charset="utf-8" src="../js/map.js"></script>
</body>
</html>